{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import callout_compact with context %}

{% extends "firefox/base/base-protocol.html" %}

{% block page_title %}{{ ftl('best-browser-find-your-best-browser') }}{% endblock %}

{% block page_desc %}
  {{ ftl('best-browser-so-many-browser-options') }}
{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-article') }}
  {{ css_bundle('protocol-callout') }}
  {{ css_bundle('best-browser') }}
{% endblock %}

{% block content %}
<div class="seo-hero">
  <div class="hero-content mzp-l-content">
    <div class="mzp-c-logo mzp-t-logo-md mzp-t-product-firefox"></div>
    <p>{{ ftl('best-browser-privacy-speed-and-security') }}</p>
    <h1>{{ ftl('best-browser-how-to-choose-the-best') }}</h1>
    <div class="download-firefox">
      {{ download_firefox(dom_id='safebrowser-hero-download', download_location='primary cta') }}
    </div>
  </div>
</div>
<div class="mzp-l-content">
  <article class="mzp-c-article">
    <p class="mzp-c-article-intro">
      {{ ftl('best-browser-the-internet-has-become') }}
    </p>
    <hr>
    <p>
      {{ ftl('best-browser-in-the-mid-nineties') }}
    </p>
    <p>
      {{ ftl('best-browser-today-is-a-different') }}
    </p>

    <blockquote aria-hidden="true" role="presentation">
    <p>
    {{ ftl('best-browser-when-you-use-a-browser') }}
    <footer><cite>{{ ftl('best-browser-marshall-erwin-senior') }}</cite></footer>
    </p>
    </blockquote>

    <p>
      {{ ftl('best-browser-if-youre-wondering') }}
    </p>

    <section class="article-section">
      <h2>{{ ftl('best-browser-a-browser-built-for') }}</h2>
      <p>
        {{ ftl('best-browser-a-browser-is-still') }}
      </p>
      <p>
        {{ ftl('best-browser-this-is-one-of-the') }}
      </p>
    </section>

    <section class="article-section">
      <h2>{{ ftl('best-browser-a-browser-that-puts') }}</h2>
      <p>
        {{ ftl('best-browser-remember-the-last-massive') }}
      </p>
      <p>
        {{ ftl('best-browser-there-are-a-few-ways') }}
      </p>
      <p>
        {{ ftl('best-browser-the-second-is-not-storing', data=url('privacy.notices.firefox'), privacy=url('privacy.notices.firefox')) }}
      </p>
      <p>
        {{ ftl('best-browser-last-but-not-least') }}
      </p>
      <p>
        {{ ftl('best-browser-firefox-is-offering-v2', monitor='href="https://monitor.mozilla.org/"') }}
      </p>
      <blockquote aria-hidden="true" role="presentation">
      <p>
        {{ ftl('best-browser-we-visit-hundreds-or') }}
      </p>
      <footer><cite>{{ ftl('best-browser-marshall-erwin-senior') }}</cite></footer>
      </blockquote>
    </section>

    <section class="article-section">
    <h2>{{ ftl('best-browser-a-browser-that-minds') }}</h2>
    <p>
      {{ ftl('best-browser-privacy-on-the-web') }}
    </p>
    <p>
      {{ ftl('best-browser-trackers-are-all-those') }}
    </p>
    <p>
      {{ ftl('best-browser-another-way-to-stop') }}
    </p>
    <p>
      {{ ftl('best-browser-one-easy-way-to-check', privacy=url('privacy.notices.firefox')) }}
    </p>
    <p>
      {{ ftl('best-browser-choosing-the-best-browser') }}
    </p>
    <p>
      {{ ftl('best-browser-at-firefox-weve-worked', firefox="https://www.firefox.com/?redirect_source=mozilla-org") }}
    </p>
  </section>
  </article>
</div>

{% call callout_compact(
  title=ftl('best-browser-take-control-of-your'),
  class='mzp-t-product-firefox mzp-t-firefox mzp-t-dark',
  brand=True,
  brand_product='firefox',
  brand_type='logo',
  brand_size='lg',
) %}
<div class="download-firefox">
  {{ download_firefox(dom_id='safebrowser-bottom-download', download_location='secondary cta') }}
</div>
{% endcall %}

{% endblock %}

{% block js %}{% endblock %}
